<template>
	<div class="bg">
		<div class="fg" ref='myStyle'>
		</div>
	</div>
</template>

<script>
	export default {
		props: ['sold','target'],
		mounted: function(){
//			console.log(this.sold, this.target);
			var x = this.sold/this.target*100 + '%';
			this.$refs.myStyle.style.width = x;
		},
	}
</script>

<style lang="less" rel="stylesheet/less">
	.bg{
		height: 6px;
		width: 100%;
		border-radius: 3px;
		background-color: #eeeeee;
		.fg{
			height: 6px;
			border-radius: 3px;
			background-color: #39CA74;
		}
	}
</style>